<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<link th:href="@{/css/bootstrap.css}" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link th:href="@{/css/style.css}" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<script type="text/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
<script type="text/javascript" th:src="@{/js/login.js}"></script>
<script th:src="@{/js/jquery.easydropdown.js}"></script>
<!--Animation-->
<script th:src="@{/js/wow.min.js}"></script>
<link rel="stylesheet" th:href="@{/css/powerfloat.css}">
<link th:href="@{/css/animate.css}" rel='stylesheet' type='text/css' />
	<link rel="stylesheet" th:href="@{/css2/animate.css}">
	<link rel="stylesheet" th:href="@{/css2/bootstrap.min.css}">
	<link rel="stylesheet" th:href="@{/css2/default.css}">
	<link rel="stylesheet" th:href="@{/css2/font-awesome.min.css}">
	<link rel="stylesheet" th:href="@{/css2/jquery-ui-custom.css}">
	<link rel="stylesheet" th:href="@{/css2/mmenu.css}">
	<link rel="stylesheet" th:href="@{/css2/placebo.css}">
	<link rel="stylesheet" th:href="@{/css2/prettyPhoto.css}">
	<link rel="stylesheet" th:href="@{/css2/style.css}">
	<link rel="stylesheet" th:href="@{/css2/responsive.css}">
	<link rel="stylesheet" th:href="@{layerslider2/css/layerslider.css}">
	<link rel="stylesheet" th:href="@{/css2/twentytwenty.css}">
	<link rel="stylesheet" th:href="@{/css2/test.css}">
	<link rel="shortcut icon" th:href="@{img/favicon.png}">
<script>
	new WOW().init();
</script>

</head>
<body>
<div class="header">
		   <div class="col-sm-8 header-left">
					 <div class="logo">
						<a href="index.html"><img th:src="@{/images/logo.png}" alt=""/></a>
					 </div>
					 <div class="menu">
						  <a class="toggleMenu" href="#"><img th:src="@{/images/nav.png}" alt="" /></a>
						    <ul class="nav" id="nav">
						    	<li class="active"><a href="#">首页</a></li>
						    	<!--<li><a th:href="@{/toRooms}">房间</a></li>-->
						    	<li><a href="news.html">新闻</a></li>
								<li><a href="/userOrder/userorder">我的订单</a></li>
						    	<li><a th:href="@{/EditUser/allHotel}">旗下酒店</a></li>
                                <li><a th:href="@{/EditUser/findUserId}">个人中心</a></li>
						    	<li><a href="/to404">社区</a></li>
								<div class="clearfix"></div>
							</ul>
							<script type="text/javascript" th:src="@{/js/responsive-nav.js}"></script>
				    </div>	
				     <!-- start search-->
				      <div class="search-box">
							<div id="sb-search" class="sb-search">

							</div>
						</div>
						<!----search-scripts---->
						<script th:src="@{/js/classie.js}"></script>
						<script th:src="@{/js/uisearch.js}"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
						<!----//search-scripts---->						
	    		    <div class="clearfix"></div>
	    	    </div>
	            <div class="col-sm-4 header_right">
					<div id="loginContainer">
                        <a href="#" id="loginButton"><img th:src="@{/images/login.png}">

						  <span th:if="${session.user != null}" id="loginName" th:value="${session.user}" th:text="${session.user.userName}"></span>
						  <span th:if="${session.user == null}" >登录</span>
						</a>
						<a th:href="@{/userLogin/logout}"  style="float: right"><img th:src="@{/images/login.png}"><span>注销</span></a>
						    <div id="loginBox">                
						        <form id="loginForm" th:action="@{/userLogin/login}" method="post">
						                <fieldset id="body">
						                	<fieldset>
						                          <label for="userName">用户名</label>
						                          <input type="text" name="userName" id="userName">
						                    </fieldset>
						                    <fieldset>
						                            <label for="password">密码</label>
						                            <input type="password" name="userPassword" id="password">
						                     </fieldset>
                                            <input type="submit" id="login" value="登录">
											<a th:href="@{/toRegist}"><input type="button" id="regist"   value="注册"></a>
						                	<label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label>
						            	</fieldset>
						                 <span><a th:href="@{/toForget}">忘记密码?</a></span>
							      </form>
				              </div>
			             </div>
		                 <div class="clearfix"></div>
	                 </div>
	                <div class="clearfix"></div>
   </div>
   <div class="banner" style="height: 310px">
   	  <div class="container_wrap">
   		<h1 style="height: 30px">目的地?</h1>
   	       <div class="dropdown-buttons">
               <div class="dropdown-button">

                   <select name="cityName" id="cityName" class="dropdown"  tabindex="9" data-settings='{"wrapperClass":"metro"}'
                   style="
                   display: block;
                   font-size: 1.4em;
                   padding: 2px 60px 10px 5px;
                   overflow: hidden;
                   white-space: nowrap;
                   text-align: left;
                   font-weight: 300;
                   color: white;
                   border-radius: 1em 1em 1em;
                   background-color: #230d0d;
                   outline-color: transparent;
                   width: 100%">
                   </select>
               </div>

				     <div class="dropdown-button">
					  <select name="hotelName" id="hotelName" class="dropdown" tabindex="9" data-settings='{"wrapperClass":"metro"}'
                    style="
                    display: block;
                    font-size: 1.4em;
                    padding: 2px 30px 10px 5px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-align: left;
                    font-weight: 300;
                    color: white;
                    border-radius: 3em 3em 3em;
                    background-color:#230d0d;
                    outline-color: transparent;
                    width: 100%">

					  </select>
					 </div>

				   </div>
          <form th:action="@{/hotelSearch/search}" th:method="POST" style="height: 100px;">
              <input type="text" value="输入酒店关键字"name="searchhotel"  onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '输入目的地关键字';}"
                     style="margin:0 auto;
              width: 35%;"><br>

			  <button name="submit" type="submit" class=" btn1 btn-2 btn-2g" value="搜索" >搜索</button>

          </form>
   		    <div class="clearfix"></div>
         </div>
   </div>
   <div class="content_top" style="height: 70px">
   	  <div class="container">
   		<div class="col-md-5 bottom_nav">
   		   <div class="content_menu">
				<ul>
					<li class="active"><a href="#">评价高</a></li>
					<li><a th:href="@{/hotelSearch/searchHotelByOrderCount}">预定最多</a></li>
					<li><a th:href="@{/hotelSearch/searchHotelByOrderTime}">最近预定</a></li>
					<li>
						<p><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">价格区间</a></p>
						<div id="light" class="white_content"><center>按价格区间查询</center>
							<div style="width:100%;height: 7px; border:5px #fbf069;"></div>
							<center><div>
								<form th:action="@{/hotelSearch/Pricesearch}" method="post">
									<input type="number" placeholder="最小价格（MinPrice）" name="minPrice" />
									<div style="width:100%;height: 5px; border:5px #fbf069;"></div>
									<input type="number" placeholder="最大价格（MaxPrice）" name="maxPrice" />
									<div style="width:100%;height: 10px; border:5px #fbf069;"></div>
									<input type="submit" value="查询">
								</form>
							</div></center>
							<!--<div style="width:100%;height: 12px; border:5px #fbf069;"></div>-->
							<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><center>关闭窗口</center></a>
						</div>
						<!--<div id="fade" class="black_overlay"></div>-->
					</li>
					<li><a th:href="@{/hotelSearch/mapsearch}">搜索定位</a></li>
				</ul>
			</div>
		</div>
		<div class="col-md-3 content_dropdown1">
		   <div class="content_dropdown">    

		     </div>
		</div>
		<div class="col-md-4 filter_grid">
			<ul class="filter">
				<li class="fil">类型 :</li>
				<li><a href=""> <i class="icon1"> </i> </a></li>
				<li><a href=""> <i class="icon2"> </i> </a></li>
				<li><a href=""> <i class="icon3"> </i> </a></li>
				<li><a href=""> <i class="icon4"> </i> </a></li>
				<li><a href=""> <i class="icon5"> </i> </a></li>
			</ul>
		</div>
   	</div>
   </div>
   <div class="content_middle">
   	  <div class="container">
		  <section id="slider">
			  <div class="ls-wp-fullwidth-container" style="height:805px;">
				  <div class="ls-wp-fullwidth-helper">
					  <div id="layerslider_1_1" class="ls-wp-container" style="width:100%;height:805px;margin:0 auto;margin-bottom: 0px;">
						  <div class="ls-slide" data-ls="transition2d:1;timeshift:-2000;">
							  <img th:src="@{/upload2/index.jpg}" class="ls-bg" alt="slide1">
							  <p class="ls-l" style="top:254px;left:176px;font-weight: 700;height:40px;padding-right:10px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;border-radius:3px;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1500;easingin:easeOutElastic;rotatexin:-90;transformoriginin:50% top 0;offsetxout:-200;durationout:1000;">
								  CRAFT IS
							  </p>
							  <p class="ls-l" style="top:253px;left:420px;font-weight: 700;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;background:#21b6a8;border-radius:3px;white-space: nowrap;" data-ls="durationin:2000;delayin:2000;rotatexin:-90;transformoriginin:50% top 0;durationout:1000;">
								  READY
							  </p>
							  <p class="ls-l" style="top:254px;left:618px;font-weight: 700;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;white-space: nowrap;" data-ls="delayin:2000;rotatexin:-90;transformoriginin:50% top 0;durationout:1000;">
								  FOR YOUR BUSINESS
							  </p>
							  <p class="ls-l" style="top:401px;left:328px;text-align:center;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:3500;easingin:swing;transformoriginin:50% top 0;offsetxout:-400;">
								  with our themes gain simplicity and powerfull
							  </p>
							  <p class="ls-l" style="top:453px;left:496px;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="delayin:3700;easingin:swing;">
								  business solutions
							  </p>
							  <img class="ls-l" style="top:352px;left:582px;white-space: nowrap;" data-ls="delayin:3000;easingin:swing;" th:src="@{/upload2/slider-title-sep.jpg}" alt="">
						  </div>
						  <div class="ls-slide" data-ls="transition2d:1;timeshift:-500;">
							  <img th:src="@{/upload2/index6.jpg}" class="ls-bg" alt="slide2">
							  <p class="ls-l" style="top:254px;left:176px;font-weight: 700;height:40px;padding-right:10px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;border-radius:3px;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1500;easingin:easeOutElastic;rotatexin:-90;transformoriginin:50% top 0;offsetxout:-200;durationout:1000;">
								  WE ARE CRAFT, WE CRAFT
							  </p>
							  <p class="ls-l" style="top:255px;left:878px;font-weight: 700;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;background:#21b6a8;border-radius:3px;white-space: nowrap;" data-ls="durationin:2000;delayin:2000;rotatexin:-90;transformoriginin:50% top 0;durationout:1000;">
								  BEAUTY
							  </p>
							  <p class="ls-l" style="top:399px;left:436px;font-weight:300;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:3500;easingin:swing;transformoriginin:50% top 0;offsetxout:-400;">
								  beauty expressed in digital way
							  </p>
							  <p class="ls-l" style="top:452px;left:404px;font-weight:300;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="delayin:3700;easingin:swing;">
								  give you business a boost with <strong>craft</strong>
							  </p>
							  <img class="ls-l" style="top:360px;left:562px;white-space: nowrap;" data-ls="delayin:1000;easingin:swing;" th:src="@{/upload2/slider-title-sep.jpg}" alt="">
						  </div>
						  <div class="ls-slide" data-ls="transition2d:1;timeshift:-500;">
							  <img th:src="@{/upload2/index3.jpg}" class="ls-bg" alt="slide3">
							  <p class="ls-l" style="top:254px;left:58px;font-weight: 700;height:40px;padding-right:10px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;border-radius:3px;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1200;easingin:easeOutElastic;rotatexin:-90;transformoriginin:50% top 0;offsetxout:-200;durationout:1000;">
								  DEVICE FRIENDLY
							  </p>
							  <p class="ls-l" style="top:329px;left:106px;font-weight: 700;height:40px;padding-right:10px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;border-radius:3px;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1500;easingin:easeOutElastic;rotatexin:-90;transformoriginin:50% top 0;offsetxout:-200;durationout:1000;">
								  RESPONSIVE
							  </p>
							  <p class="ls-l" style="top:443px;left:44px;font-weight:300;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:3500;easingin:swing;transformoriginin:50% top 0;offsetxout:-400;">
								  it doesn’t matter what device you have
							  </p>
							  <p class="ls-l" style="top:499px;left:75px;font-weight:300;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="delayin:3700;easingin:swing;">
								  craft fits perfectly on all of them
							  </p>
							  <img class="ls-l" style="top:409px;left:214px;white-space: nowrap;" data-ls="delayin:1000;easingin:swing;" th:src="@{/upload2/slider-title-sep.jpg}" alt=""><img class="ls-l" style="top:202px;left:598px;white-space: nowrap;" data-ls="delayin:4000;easingin:easeInQuint;rotatexin:20;transformoriginin:50% 0 top;" alt=""><img class="ls-l" style="top:409px;left:549px;white-space: nowrap;" data-ls="delayin:4200;rotatexin:30;transformoriginin:50% 0 left;" alt=""><img class="ls-l" style="top:431px;left:1042px;white-space: nowrap;" data-ls="delayin:4450;rotatexin:40;transformoriginin:50% 0 right;" th:src="@{/upload2/iphone.png}" alt="">
						  </div>
						  <div class="ls-slide" data-ls="transition2d:1;timeshift:-500;">
							  <img th:src="@{/upload2/index.jpg}" class="ls-bg" alt="slide3">
							  <p class="ls-l" style="top:254px;left:58px;font-weight: 700;height:40px;padding-right:10px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;border-radius:3px;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1200;easingin:easeOutElastic;rotatexin:-90;transformoriginin:50% top 0;offsetxout:-200;durationout:1000;">
								  DEVICE FRIENDLY
							  </p>
							  <p class="ls-l" style="top:329px;left:106px;font-weight: 700;height:40px;padding-right:10px;padding-left:10px;font-family:Lato, sans-serif;font-size:50px;color:#ffffff;border-radius:3px;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1500;easingin:easeOutElastic;rotatexin:-90;transformoriginin:50% top 0;offsetxout:-200;durationout:1000;">
								  RESPONSIVE
							  </p>
							  <p class="ls-l" style="top:443px;left:44px;font-weight:300;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:3500;easingin:swing;transformoriginin:50% top 0;offsetxout:-400;">
								  it doesn’t matter what device you have
							  </p>
							  <p class="ls-l" style="top:499px;left:75px;font-weight:300;font-family:Lato, sans-serif;;font-size:30px;color:#fff;white-space: nowrap;" data-ls="delayin:3700;easingin:swing;">
								  craft fits perfectly on all of them
							  </p>
							  <img class="ls-l" style="top:409px;left:214px;white-space: nowrap;" data-ls="delayin:1000;easingin:swing;" th:src="@{/upload2/slider-title-sep.jpg}" alt=""><img class="ls-l" style="top:202px;left:598px;white-space: nowrap;" data-ls="delayin:4000;easingin:easeInQuint;rotatexin:20;transformoriginin:50% 0 top;"  alt=""><img class="ls-l" style="top:409px;left:549px;white-space: nowrap;" data-ls="delayin:4200;rotatexin:30;transformoriginin:50% 0 left;"  alt=""><img class="ls-l" style="top:431px;left:1042px;white-space: nowrap;" data-ls="delayin:4450;rotatexin:40;transformoriginin:50% 0 right;" th:src="@{/upload2/iphone.png}" alt="">
						  </div>
					  </div>
				  </div>
			  </div>
		  </section>

   	    <div class="content_middle_box">
          <div class="top_grid" >

			  <div th:each="hotel:${hotels}" id="show">
				<div class="col-md-3 index-grids" style="height: 350px">
				  <div class="grid1">
					<div class="view view-first">
						<input hidden="hidden" th:value="${hotel.hotelId}" >
					  <div class="index_img" ><img th:src="'/myfile/'+${hotel.fileName}" class="img-responsive" alt=""/></div>
						  <div class="mask">
							<div class="info"><i class="search"> </i> 详细信息</div>
							<ul class="mask_img">
								<li class="star"><img th:src="@{/images/star.png}" alt=""/></li>
								<li class="set"><img th:src="@{/images/set.png}" alt=""/></li>
								<div class="clearfix"> </div>
							</ul>
							  <div class="index_img"><img th:src="@{/images/pic4.jpg}" class="img-responsive" alt=""/></div>
							  <i class="m_home"> </i>
							  <ul class="vision">
								  <li></li>
								  <li class="desc"><a th:href="@{/hotelSearch/searchRoom(id=${hotel.hotelId})}"><img th:src="@{/images/star1.png}" alt="">(236)</a></li>
							  </ul>
							  <div class="inner_wrap1" style="height: 300px">
								  <ul class="item_module">
									  <li class="module_left"><img th:src="@{/images/m1.jpg}" class="img-responsive" alt=""/></li>
									  <li class="module_right">
										  <img th:src="@{/images/m_star.png}" class="img-responsive" alt=""/>
										  <h5>Lucy-p</h5>
										  <p></p>
										  <a href="single.html" class="content_btn">....read more</a>
									  </li>
									  <div class="clearfix"> </div>
								  </ul>
						   </div>
					   </div>

					 <div class="inner_wrap">
						<h3 class="green" id="h">酒店名称:[[${hotel.hotelName}]]</h3>
						<ul class="star1">
						  <h3 class="green" style="text-align: center">酒店类型:[[${hotel.hotelType}]]</h3>
						  <li><a th:href="@{/hotelSearch/searchRoom(id=${hotel.hotelId})}" type="button"style="width: 40%;height: 24px;color: #0a0a0a;float: left" class="btn3">查看房间</a></li>
						</ul>
					 </div>
				   </div>
				</div>
				<div class="clearfix"> </div>
				</div>
			  </div>
   	        <div class="middle_grid wow fadeInUp" data-wow-delay="0.4s">
   			<div class="col-md-6 index-grids">
   			   <div class="grid1"></div>
   			   </div>
   			</div>
   			<div class="clearfix"> </div>
   		  </div>
   		  <div class="offering">
   		  	  <h2>What can Hotel Deluxe offer to you ?</h2>
   		  	  <h3>Ut wisi enim ad minim veniam, quis</h3>
   		  	  <ul class="icons wow fadeInUp" data-wow-delay="0.4s">
   		  	  	 <li><i class="icon1"> </i><span class="one"> </span></li>
   		  	  	 <li><i class="icon2"> </i><span class="two"> </span></li>
   		  	  	 <li><i class="icon3"> </i><span class="three"> </span></li>
   		  	  	 <li><i class="icon4"> </i><span class="four"> </span></li>
   		  	  	 <li><i class="icon5"> </i></li>
   		  	  </ul>
   		  	  <div class="real">
   	   			 <div class="clearfix"> </div>
   	   			 </div>
   		  	  </div>
   		  </div>
   	  </div>
   </div>
   <div class="footer">
   	<div class="container">
   	 <div class="footer_top">
   	   <h3>Subscribe to our newsletter</h3>

	  </div>
	  <div class="footer_grids">
		  </div>
		  <div class="clearfix"> </div>
	   </div>
      </div>
   </div>

<script>

        //点击城市信息下拉框点击
        $('#cityName').on('change',function () {
            var cityName = $(this).val();
            window.location.href='/cityHotel/hotelView?cityName='+cityName;
        })
        //点击酒店信息下拉框查询
        $('#hotelName').on('change',function () {
			var hotelName = $(this).val();
			window.location.href='/cityHotel/roomView?hotelName='+hotelName;
        })

    window.onload = function(){


        $.ajax({
            async:false,
            type:"POST",
            url:"/cityHotel/cityhotel",
            dataType:"json",
            data:{
               // warehouse: $("#cityName").val(),
            },
            success:function (data) {
                console.log(data);
                $("#cityName").append("<option>"+'选择城市'+"</option>option>");
                for (var i = 0; i<data.length;i++){
                    $("#cityName").append("<option >" + data[i].cityName + "</option>");

                }
            }
        })


        $.ajax({
            async:'true',
            type:"POST",
            url:"/cityHotel/hotel",
            dataType:"json",
            data:{
                // warehouse: $("#hotelName").val(),
            },
            success:function (data) {
                console.log(data);
                $("#hotelName").append("<option>"+'选择酒店'+"</option>option>");
                for (var i = 0; i<data.length;i++){
                    $("#hotelName").append("<option >" + data[i].hotelName + "</option>");

                }
            }
        })
    }

        if($('#h').val()!=null){
            alert("dddd");
            $('#slider').remove();
        }else {
            $('#show').remove();
		}



    $('#loginButton').click(function () {
        var name = $('#loginName').val();
        if(name != null){
            $('#loginBox').remove();
        }
    })

</script>
<script type='text/javascript' th:src='@{/js2/jquery.js}'></script>
<script type='text/javascript' th:src='@{/js2/jquery-migrate.min.js}'></script>
<script type='text/javascript' th:src='@{/revslider2/rs-plugin/js/jquery.themepunch.tools.min.js}'></script>
<script type='text/javascript' th:src='@{/revslider2/rs-plugin/js/jquery.themepunch.revolution.min.js}'></script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var waves_script_data = {"menu_padding":"32","menu_wid_margin":"28","blog_art_min_width":"230","pageloader":"0","header_height":"80"};
    /* ]]> */
</script>
<script type='text/javascript' th:src='@{/js2/Chart.min.js}'></script>
<script type='text/javascript' th:src='@{/js2/pace.min.js}'></script>
<script type='text/javascript' th:src='@{/js2/themewaves.js}'></script>
<script type='text/javascript' th:src='@{/js2/contact-form.js}'></script>
<script type='text/javascript' th:src='@{/js2/waves-script.js}'></script>
<script type='text/javascript' th:src='@{/js2/smoothscroll.js}'></script>

<script type='text/javascript' th:src='@{/js2/jquery.jplayer.min.js}'></script>
<script type='text/javascript' th:src='@{/js2/jquery.comingsoon.js}'></script>
<script type='text/javascript' th:src='@{/js2/jquery.twentytwenty.js}'></script>
<script type='text/javascript' th:src='@{/js2/jquery.isotope.min.js}'></script>
<script type='text/javascript' th:src='@{/js2/jquery.event.move.js}'></script>
<script type='text/javascript' th:src='@{/js2/jquery.easy-pie-chart.js}'></script>
<script type='text/javascript' th:src='@{/js2/scripts.js}'></script>
<script type='text/javascript' th:src='@{/layerslider2/js/layerslider.kreaturamedia.jquery.js}'></script>
<script type='text/javascript' th:src='@{/layerslider2/js/layerslider.transitions.js}'></script>
<script type='text/javascript' th:src='@{/layerslider2/js/greensock.js}'></script>
<script data-cfasync="false" type="text/javascript">var lsjQuery = jQuery;</script>
<script data-cfasync="false" type="text/javascript"> lsjQuery(document).ready(function() {
    if(typeof lsjQuery.fn.layerSlider == "undefined") {
        lsShowNotice('layerslider_1_1',
            'jquery');
    }else {
        lsjQuery("#layerslider_1_1").layerSlider({
            responsiveUnder: 100,
            layersContainer: 100,
            startInViewport: false,
            skin: 'darkskin',
            globalBGColor: 'transparent',
            navStartStop: false,
            hoverBottomNav: true,
            showCircleTimer: false,
            thumbnailNavigation: 'disabled',
            autoPlayVideos: false,
            cbInit: function(element) {},
            cbStart: function(data) {},
            cbStop: function(data) {},
            cbPause: function(data) {},
            cbAnimStart: function(data) {},
            cbAnimStop: function(data) {},
            cbPrev: function(data) {},
            cbNext: function(data) {},
            skinsPath: 'LayerSlider/skins/'
        })
    }
}); </script>

<script data-cfasync="false" type="text/javascript">var lsjQuery = jQuery;</script>
<script data-cfasync="false" type="text/javascript"> lsjQuery(document).ready(function() {
    if(typeof lsjQuery.fn.layerSlider == "undefined") {
        lsShowNotice('layerslider_6_2',
            'jquery');
    }else {
        lsjQuery("#layerslider_6_2").layerSlider({
            startInViewport: false,
            pauseOnHover: false,
            forceLoopNum: false,
            autoPlayVideos: false,
            skinsPath: 'LayerSlider/skins/'
        })
    }
}); </script>

</body>

</html>		